<template>
  <div class="audition285">
    <p>从一个外部组件一层层将prop传递到内部组件很不方便，这个问题就叫做 prop drilling；<br/>主要缺点是原本不需要数据的组件变得不必要地复杂，并且难以维护，代码看起来也变得冗余，不优雅；<br/>
    <br/>
    为了避免prop drilling，一种常用的方法是使用React Context。<br/>通过定义提供数据的Provider组件，并允许嵌套的组件通过 Consumer组件或 useContext Hook 使用上下文数据。</p>
  </div>
</template>

<script>
export default {
  name: 'Audition285'
}
</script>

<style>

</style>